<template>
	<view class="technician-page">
		<view class="uv-list-box flex-grow-1">
			<view class="TechnicianService-list" v-if="infoData&&infoData.length">
				<TechnicianServiceItem v-for="item in infoData" :key="item" />
			</view>
			<noEmpty v-else/>
		</view>
	</view>
</template>

<script>
	import TechnicianServiceItem from '@/components/TechnicianService-item/TechnicianService-item.vue'
	export default {
		components: {
			TechnicianServiceItem
		},
		data() {
			return {
				scrollTop: 0,
				triggered: false,
				freshing: true,
				list: [{
					name: '全部',
				}, {
					name: '足疗服务',
				}, {
					name: '理疗服务 '
				}],
				show: false,
				isShowtwoclass: false,
				infoData: [],
			}
		},
		onLoad(option) {
			this.getList();
		},
		methods: {
			async getList() {
				// 根据客户id,我的计师数据
				const {
					code,
					data
				} = await this.muajax.getCustomerJsUserId({

				}, {
					urlRewrite: url => `${url}/${this.$store.state.userInfo.appUserId}`
				});
				this.infoData = data
			},
		}
	}
</script>

<style scoped lang="less">
	page {
		background: #f1f1f1;

	}

	.header {
		background: #fff;
		padding: 20rpx;
		box-sizing: border-box;
		position: relative;
		// height: 200px;
		border-bottom: 1px solid #f1f1f1;
		position: relative;
		z-index: 99;
	}

	.technician-page {
		display: flex;
		flex-direction: column;
		height: 100%;
		overflow: hidden;

		.uv-list-box {
			overflow: hidden;
		}
	}

	.scroll-Y {
		height: 100%;
		overflow-y: scroll;
	}

	.two-class {
		position: absolute;
		top: 198rpx;
		background: #fff;
		display: flex;
		width: 100%;
		z-index: 999;
		padding: 20rpx;
		box-sizing: border-box;
		border-top: 1px solid #f1f1f1;

		.class-item {
			font-size: 24rpx;
			font-weight: normal;
			font-stretch: normal;
			line-height: 42rpx;
			letter-spacing: 0rpx;
			color: #666666;
			margin-right: 20rpx;
			padding: 10rpx;
		}

		.itemActive {
			color: #60bcbb;
			border: 1px solid #60bcbb;

			border-radius: 10rpx;
		}

	}
</style>